<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <%@include file="style.jsp" %>
    <%@include file="script.jsp" %>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/orderlang/distributor/css/expenditure_account.css"/>
    <title>支出账款</title>
</head>
<body onselectstart="return false">
<div id="container_1" style="height:100%">
    <div style="position: relative">
        <%@include file="header.jsp" %>
    </div>
    <div id="content" class="clearfix">
        <%@include file="left_menu.jsp" %>
        <!--内容部分-->
        <div class="right-content" style="margin:75px 20px 0 213px;">
            <p class="brand">
                <a>财务</a>><a class="now">支出账款</a>
            </p>
            <div class="content">
                <div class="top-block">
                    <div class="search-box fl">
                        <input type="text" placeholder="请输入订单号/客户名称"/>
                        <span></span>
                    </div>
                    <div class="date fl">
                        <span>退货时间</span>
                        <input id="datePicker" type="text" placeholder="请选择开始日期" readonly onchange="changes()"/>
                    </div>
                    <div class="expenditure">
                        <p>支出总金额</p>
                        <p class="money">￥${totalAmount}</p>
                    </div>
                </div>
                <div class="product-list">
                    <table>
                        <thead>
                        <tr>
                            <td>客户</td>
                            <td>退单号</td>
                            <td>退单金额</td>
                            <td>关联订单号</td>
                            <td>订单金额</td>
                            <td></td>
                        </tr>
                        </thead>
                        <tbody>
                       
						<c:forEach items="${incomeRecords}" var="iR">
                        <tr>
                            <td>${iR.name}</td>
                            <td>DH${iR.refundCode}</td>
                            <td>￥${iR.refundAmount}</td>
                            <td>DH${iR.orderCode}</td>
                            <td>￥${iR.orderAmount}</td>
                            <td>
                                <button class="detail">查看</button>
                                <button class="return-confirm">退款确认</button>
                            </td>
                        </tr>
						</c:forEach>
                        </tbody>
                    </table>
                    <!-- -----分页----- -->
                    <div class="quotes" style="margin-top: 50px">
                </div>
            </div>
        </div>
        <script src="${pageContext.request.contextPath}/static/orderlang/distributor/js/expenditure_account.js"></script>
        <!--内容部分结束-->
    </div>
</div>

</body>
</html>